<template>
  <div class="controls-container">
    <template v-if="active !== 'history'">
      <SortSelect class="controls-child" :list-type="$C.sort.listType.spaces"/>
    </template>
    <router-link
      class="controls-child" :to="`/${$rp.SPACES}/${$rp.CREATE}`">
      <el-button type="primary" class="full">新建学习空间</el-button>
    </router-link>
  </div>
</template>

<script>
import SortSelect from '@/components/shared/SortSelect';

export default {
  name: 'SpacesListControls', // 空间列表上的筛选、新建等操作区域
  components: { SortSelect },
  props: {
    active: String,
  },
};
</script>

<style></style>
